

function openMap(){
	showWin();
	var add=[{city:"杭州",addr:"杭州市西湖区文一西路75号",point:{lng:120.121375,lat:30.294012}}
	,{city:"杭州",addr:"金色蓝庭",point:{lng:120.120406,lat:30.292846}}
	,{city:"杭州",addr:"杭州剧院",point:{lng:120.168543,lat:30.276863}}
	];
	//在container位置创建地图
	var map = new BMap.Map("map");    //初始化百度地图 
	map.addControl(new BMap.NavigationControl()); //添加平移缩放控件   
	map.addControl(new BMap.ScaleControl());    //添加比例尺控件
	map.addControl(new BMap.OverviewMapControl());  //添加缩略地图控件  
	map.enableScrollWheelZoom();   //启用滚轮放大缩小，默认禁用
	map.enableContinuousZoom();    //启用地图惯性拖拽，默认禁用
	map.centerAndZoom("杭州", 12); //设置地图中心和缩放级别
	showMarker(add);
	
	/**
	 *添加标注的方法：
	 *	1.文本 2.信息窗口
	 * @param add
	 * @returns 标注信息
	 */	
	function showMarker(add){
		for(var i=0;i<add.length;i++){
			var address = add[i];
			//alert(address)
			var point = new BMap.Point(address.point.lng,address.point.lat);
			var content = address.addr;
			var city = address.city;
			
			var marker = new BMap.Marker(point);//在point点创建标注
			//创建文本标注格式
			var opts = {
					  position : point,    // 指定文本标注所在的地理位置
					  offset   : new BMap.Size(20, -20)    //设置文本偏移量
					}
			var label = new BMap.Label(address.addr,opts);//创建文本标注
			marker.setLabel(label);//添加文字标注
			map.addOverlay(marker);//添加标注
			addInfoWindow(city,content,marker);//添加信息框
		}
	}	


	/**
	 * 添加消息窗口到marker的鼠标点击事件中
	 * @param city 城市
	 * @param content 具体位置
	 * @param marker 标注
	 * @returns 在marker建立窗口
	 */
	function addInfoWindow(city,content,marker){
		marker.addEventListener("click",function(e){
			openInfoWindow(city,content,e.point)
		})
	}
	/**
	 * 创建消息窗口
	 * @param city
	 * @param content
	 * @param point
	 * @returns
	 */
	function openInfoWindow(city,content,point) {
		var content="地址："+content;//修改content
		//创建信息框格式
		var searchInfoWindow = new BMapLib.SearchInfoWindow(map,content, {
			title: city, //标题
			panel : "panel", //检索结果面板
			enableAutoPan : true, //自动平移
			searchTypes :[
				BMAPLIB_TAB_FROM_HERE, //从这里出发
				BMAPLIB_TAB_SEARCH ,  //周边检索
				BMAPLIB_TAB_TO_HERE  //到这里去
			]
		});
		searchInfoWindow.open(point);//创建infoWindow
	}
	/**
	 * 按地名获取经纬度
	 * @param address
	 * @returns  地名的经纬度
	 */
	function getLocation(address){
		  //取得地名的经纬度
		  var myGeo = new BMap.Geocoder();
		  myGeo.getPoint(address,function (point){
		  alert(point.lng+","+point.lat);
		  //alert(point.lat);
		 },"杭州")
	}
	
	}

function showWin(){
    /*找到div节点并返回*/
    var winNode = $("#map");
   //方法一：利用js修改css的值，实现显示效果
   // winNode.css("display", "block");
   //方法二：利用jquery的show方法，实现显示效果
   // winNode.show("slow");
    //方法三：利用jquery的fadeIn方法实现淡入
    winNode.fadeIn("slow");
}
function hide(){
    var winNode = $("#map");
    //方法一：修改css的值
    //winNode.css("display", "none");
    //方法二：jquery的fadeOut方式
    winNode.fadeOut("slow");
    //方法三：jquery的hide方法
    //winNode.hide("slow");
}





